<?php
/*
 * Created by: Dikkehein <Clemens Wijnekus, c.wijnekus@gmail.com>
 * 
 */
?>
<!doctype html>
<html lang="en">

    <head>
        <meta charset="utf-8"/>
        <title><?php echo $title . " - " ?>Stafplicatie</title>
        <?php echo link_tag('favicon.ico', 'shortcut icon', ''); ?>
        <?php echo link_tag('css/layout.css'); ?>
        <!-- <link rel="stylesheet" href="../css/layout.css" type="text/css" media="screen" /> -->
        <!--[if lt IE 9]>
        <link rel="stylesheet" href="css/ie.css" type="text/css" media="screen" />
        <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
        <![endif]-->
        <script src="<?php echo base_url('js/jquery-1.5.2.min.js');?>"></script>
        <script src="<?php echo base_url('js/jquery.equalHeight.js');?>" type="text/javascript"></script>
        <script src="<?php echo base_url('js/hideshow.js');?>" type="text/javascript"></script>
        <script src="<?php echo base_url('js/jquery.tablesorter.min.js');?>" type="text/javascript"></script>
        
        <script type="text/javascript">
            $(document).ready(function() 
            { 
                $(".tablesorter").tablesorter(); 
            } 
        );
            $(document).ready(function() {

                //When page loads...
                $(".tab_content").hide(); //Hide all content
                $("ul.tabs li:first").addClass("active").show(); //Activate first tab
                $(".tab_content:first").show(); //Show first tab content

                //On Click Event
                $("ul.tabs li").click(function() {

                    $("ul.tabs li").removeClass("active"); //Remove any "active" class
                    $(this).addClass("active"); //Add "active" class to selected tab
                    $(".tab_content").hide(); //Hide all tab content

                    var activeTab = $(this).find("a").attr("href"); //Find the href attribute value to identify the active tab + content
                    $(activeTab).fadeIn(); //Fade in the active ID content
                    return false;
                });

            });
        </script>
        <script type="text/javascript">
            $(function(){
                $('.column').equalHeight();
            });
        </script>

    </head>

    <body>

        <header id="header">
            <hgroup>
                <h1 class="site_title"><?php echo anchor('home/index', 'Stafplicatie'); ?></h1>
                <h2 class="section_title"><?php echo "Haag Uit " . $gebruiker['kampjaar'] ?></h2><div class="btn_view_site"><?php echo anchor('../', 'View Site'); ?></div>
            </hgroup>
        </header>